<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>TSCS首页</title>
</head>
<body>
<!-- top nav 开始 -->
<div class="top-nav"></div>
<!-- top nav 结束 -->

<!-- left nav 开始 -->
<div class="left-nav">
    <div class="search">
        <form class="form-inline">
            <div class="form-group">
                <input type="text" class="form-control" id="searchContent" placeholder="查询内容">
            </div>
            <button type="button" class="btn btn-default btn-query glyphicon glyphicon-search"></button>
        </form>
        <form class="form-inline">
            <select class="form-control">
                <option selected disabled>选择名称</option>
                <option>2</option>
                <option>3</option>
                <option>3</option>
                <option>3</option>
                <option>3</option>
            </select>
            <select class="form-control">
                <option selected disabled>顺序</option>
                <option>2</option>
                <option>3</option>
                <option>3</option>
                <option>3</option>
                <option>3</option>
            </select>
        </form>
    </div>
    <div class="result">
        <div class="result-sort">
            <label class="checkbox-inline">
                <input type="checkbox" id="normal" value="option1"> 正常
            </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="fault" value="option2"> 故障
            </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="downGrade" value="option3"> 降级
            </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="offLine" value="option3"> 离线
            </label>
        </div>
        <div class="result-notes">
            <p><span class="state-normal"></span>正常</p>
            <p><span class="state-fault"></span>故障</p>
            <p><span class="state-downGrade"></span>降级</p>
            <p><span class="state-offLine"></span>离线</p>
        </div>
        <div class="result-content">
            <div class="result-content-note" hidden>暂未搜索！</div>

            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
            <div class="result-item">
                <h1><span class="state-normal"></span>成都信息工程大学</h1>
                <p>西南航空港开发区学府路一段24号西南航空港开发区学府路一段24号</p>
            </div>
        </div>
    </div>
</div>
<!-- left nav 结束 -->

<!-- map 开始 -->
<div class="content-wrap">
    <div id="BMap"></div>
</div>
<!-- map 结束 -->
<script src="http://api.map.baidu.com/api?v=3.0&ak=z9ZVKtxjuSBByrF2Wsz1I5uZGdsrLEjX"></script>
</body>
</html>